import { createApp } from "vue";
import App from "./App.vue";
import pinia from "@/store";
import ElementPlus from "element-plus";
import zhCn from "element-plus/es/locale/lang/zh-cn";
import "element-plus/dist/index.css";
import ElSvg from "./components/SvgIcon/ElSvg";
import router from "@/router";
import Header from "@/components/Header/index.vue";
import Footer from "@/components/Footer/index.vue";
import DanceDetails from "@/components/DanceDetails/index.vue";
import SortComponents from "@/components/SortComponents/index.vue";
import VideoSingle from "@/components/VideoSingle/index.vue";
import LiveDetails from "@/components/LiveDetails/index.vue";
import InterestDialog from "@/views/Index/components/InterestDialog/index.vue";
import BtnAddMore from "@/components/BtnAddMore/index.vue";
const app = createApp(App);
app.component("Header", Header);
app.component("Footer", Footer);
app.component("DanceDetails", DanceDetails);
app.component("SortComponents", SortComponents)
app.component("VideoSingle",VideoSingle)
app.component("LiveDetails", LiveDetails)
app.component("VideoSingle", VideoSingle);
app.component("InterestDialog", InterestDialog);
app.component("BtnAddMore",BtnAddMore)
ElSvg(app);
app
  .use(pinia)
  .use(router)
  .use(ElementPlus, {
    locale: zhCn,
  })
  .mount("#app");
